<template>
  <ul class="icon-list">
    <li v-on:click="getValue(item)" v-for="item in iconList">
      <span> <i :class="item"></i>
      </span>
    </li>
  </ul>
</template>
<script>
  export default{
     data(){
       return{
         iconList:["el-icon-arrow-down", "el-icon-arrow-left", "el-icon-arrow-right", "el-icon-arrow-up", "el-icon-caret-bottom", "el-icon-caret-left", "el-icon-caret-right", "el-icon-caret-top", "el-icon-check", "el-icon-circle-check", "el-icon-circle-close", "el-icon-circle-cross", "el-icon-close", "el-icon-upload", "el-icon-d-arrow-left", "el-icon-d-arrow-right", "el-icon-d-caret", "el-icon-date", "el-icon-delete", "el-icon-document", "el-icon-edit", "el-icon-information", "el-icon-loading", "el-icon-menu", "el-icon-message", "el-icon-minus", "el-icon-more", "el-icon-picture", "el-icon-plus", "el-icon-search", "el-icon-setting", "el-icon-share", "el-icon-star-off", "el-icon-star-on", "el-icon-time", "el-icon-warning", "el-icon-delete2", "el-icon-upload2", "el-icon-view","el-icon-eleg-arrow_up","el-icon-eleg-arrow_down","el-icon-eleg-arrow_left","el-icon-eleg-arrow_right","el-icon-eleg-arrow_left-up","el-icon-eleg-arrow_right-up","el-icon-eleg-arrow_right-down","el-icon-eleg-arrow_left-down","el-icon-eleg-arrow-up-down","el-icon-eleg-arrow_up-down_alt","el-icon-eleg-arrow_left-right_alt","el-icon-eleg-arrow_left-right","el-icon-eleg-arrow_expand_alt2","el-icon-eleg-arrow_expand_alt","el-icon-eleg-arrow_condense","el-icon-eleg-arrow_expand","el-icon-eleg-arrow_move","el-icon-eleg-arrow_carrot-up","el-icon-eleg-arrow_carrot-down","el-icon-eleg-arrow_carrot-left","el-icon-eleg-arrow_carrot-right","el-icon-eleg-arrow_carrot-2up","el-icon-eleg-arrow_carrot-2down","el-icon-eleg-arrow_carrot-2left","el-icon-eleg-arrow_carrot-2right","el-icon-eleg-arrow_carrot-up_alt2","el-icon-eleg-arrow_carrot-down_alt2","el-icon-eleg-arrow_carrot-left_alt2","el-icon-eleg-arrow_carrot-right_alt2","el-icon-eleg-arrow_carrot-2up_alt2","el-icon-eleg-arrow_carrot-2down_alt2","el-icon-eleg-arrow_carrot-2left_alt2","el-icon-eleg-arrow_carrot-2right_alt2","el-icon-eleg-arrow_triangle-up","el-icon-eleg-arrow_triangle-down","el-icon-eleg-arrow_triangle-left","el-icon-eleg-arrow_triangle-right","el-icon-eleg-arrow_triangle-up_alt2","el-icon-eleg-arrow_triangle-down_alt2","el-icon-eleg-arrow_triangle-left_alt2","el-icon-eleg-arrow_triangle-right_alt2","el-icon-eleg-arrow_back","el-icon-eleg-icon_minus-06","el-icon-eleg-icon_plus","el-icon-eleg-icon_close","el-icon-eleg-icon_check","el-icon-eleg-icon_minus_alt2","el-icon-eleg-icon_plus_alt2","el-icon-eleg-icon_close_alt2","el-icon-eleg-icon_check_alt2","el-icon-eleg-icon_zoom-out_alt","el-icon-eleg-icon_zoom-in_alt","el-icon-eleg-icon_search","el-icon-eleg-icon_box-empty","el-icon-eleg-icon_box-selected","el-icon-eleg-icon_minus-box","el-icon-eleg-icon_plus-box","el-icon-eleg-icon_box-checked","el-icon-eleg-icon_circle-empty","el-icon-eleg-icon_circle-slelected","el-icon-eleg-icon_stop_alt2","el-icon-eleg-icon_stop","el-icon-eleg-icon_pause_alt2","el-icon-eleg-icon_pause","el-icon-eleg-icon_menu","el-icon-eleg-icon_menu-square_alt2","el-icon-eleg-icon_menu-circle_alt2","el-icon-eleg-icon_ul","el-icon-eleg-icon_ol","el-icon-eleg-icon_adjust-horiz","el-icon-eleg-icon_adjust-vert","el-icon-eleg-icon_document_alt","el-icon-eleg-icon_documents_alt","el-icon-eleg-icon_pencil","el-icon-eleg-icon_pencil-edit_alt","el-icon-eleg-icon_pencil-edit","el-icon-eleg-icon_folder-alt","el-icon-eleg-icon_folder-open_alt","el-icon-eleg-icon_folder-add_alt","el-icon-eleg-icon_info_alt","el-icon-eleg-icon_error-oct_alt","el-icon-eleg-icon_error-circle_alt","el-icon-eleg-icon_error-triangle_alt","el-icon-eleg-icon_question_alt2","el-icon-eleg-icon_question","el-icon-eleg-icon_comment_alt","el-icon-eleg-icon_chat_alt","el-icon-eleg-icon_vol-mute_alt","el-icon-eleg-icon_volume-low_alt","el-icon-eleg-icon_volume-high_alt","el-icon-eleg-icon_quotations","el-icon-eleg-icon_quotations_alt2","el-icon-eleg-icon_clock_alt","el-icon-eleg-icon_lock_alt","el-icon-eleg-icon_lock-open_alt","el-icon-eleg-icon_key_alt","el-icon-eleg-icon_cloud_alt","el-icon-eleg-icon_cloud-upload_alt","el-icon-eleg-icon_cloud-download_alt","el-icon-eleg-icon_image","el-icon-eleg-icon_images","el-icon-eleg-icon_lightbulb_alt","el-icon-eleg-icon_gift_alt","el-icon-eleg-icon_house_alt","el-icon-eleg-icon_genius","el-icon-eleg-icon_mobile","el-icon-eleg-icon_tablet","el-icon-eleg-icon_laptop","el-icon-eleg-icon_desktop","el-icon-eleg-icon_camera_alt","el-icon-eleg-icon_mail_alt","el-icon-eleg-icon_cone_alt","el-icon-eleg-icon_ribbon_alt","el-icon-eleg-icon_bag_alt","el-icon-eleg-icon_creditcard","el-icon-eleg-icon_cart_alt","el-icon-eleg-icon_paperclip","el-icon-eleg-icon_tag_alt","el-icon-eleg-icon_tags_alt","el-icon-eleg-icon_trash_alt","el-icon-eleg-icon_cursor_alt","el-icon-eleg-icon_mic_alt","el-icon-eleg-icon_compass_alt","el-icon-eleg-icon_pin_alt","el-icon-eleg-icon_pushpin_alt","el-icon-eleg-icon_map_alt","el-icon-eleg-icon_drawer_alt","el-icon-eleg-icon_toolbox_alt","el-icon-eleg-icon_book_alt","el-icon-eleg-icon_calendar","el-icon-eleg-icon_film","el-icon-eleg-icon_table","el-icon-eleg-icon_contacts_alt","el-icon-eleg-icon_headphones","el-icon-eleg-icon_lifesaver","el-icon-eleg-icon_piechart","el-icon-eleg-icon_refresh","el-icon-eleg-icon_link_alt","el-icon-eleg-icon_link","el-icon-eleg-icon_loading","el-icon-eleg-icon_blocked","el-icon-eleg-icon_archive_alt","el-icon-eleg-icon_heart_alt","el-icon-eleg-icon_printer","el-icon-eleg-icon_calulator","el-icon-eleg-icon_building","el-icon-eleg-icon_floppy","el-icon-eleg-icon_drive","el-icon-eleg-icon_search-2","el-icon-eleg-icon_id","el-icon-eleg-icon_id-2","el-icon-eleg-icon_puzzle","el-icon-eleg-icon_like","el-icon-eleg-icon_dislike","el-icon-eleg-icon_mug","el-icon-eleg-icon_currency","el-icon-eleg-icon_wallet","el-icon-eleg-icon_pens","el-icon-eleg-icon_easel","el-icon-eleg-icon_flowchart","el-icon-eleg-icon_datareport","el-icon-eleg-icon_briefcase","el-icon-eleg-icon_shield","el-icon-eleg-icon_percent","el-icon-eleg-icon_globe","el-icon-eleg-icon_globe-2","el-icon-eleg-icon_target","el-icon-eleg-icon_hourglass","el-icon-eleg-icon_balance","el-icon-eleg-icon_star_alt","el-icon-eleg-icon_star-half_alt","el-icon-eleg-icon_star","el-icon-eleg-icon_star-half","el-icon-eleg-icon_tools","el-icon-eleg-icon_tool","el-icon-eleg-icon_cog","el-icon-eleg-icon_cogs","el-icon-eleg-arrow_up_alt","el-icon-eleg-arrow_down_alt","el-icon-eleg-arrow_left_alt","el-icon-eleg-arrow_right_alt","el-icon-eleg-arrow_left-up_alt","el-icon-eleg-arrow_right-up_alt","el-icon-eleg-arrow_right-down_alt","el-icon-eleg-arrow_left-down_alt","el-icon-eleg-arrow_condense_alt","el-icon-eleg-arrow_expand_alt3","el-icon-eleg-arrow_carrot_up_alt","el-icon-eleg-arrow_carrot-down_alt","el-icon-eleg-arrow_carrot-left_alt","el-icon-eleg-arrow_carrot-right_alt","el-icon-eleg-arrow_carrot-2up_alt","el-icon-eleg-arrow_carrot-2dwnn_alt","el-icon-eleg-arrow_carrot-2left_alt","el-icon-eleg-arrow_carrot-2right_alt","el-icon-eleg-arrow_triangle-up_alt","el-icon-eleg-arrow_triangle-down_alt","el-icon-eleg-arrow_triangle-left_alt","el-icon-eleg-arrow_triangle-right_alt","el-icon-eleg-icon_minus_alt","el-icon-eleg-icon_plus_alt","el-icon-eleg-icon_close_alt","el-icon-eleg-icon_check_alt","el-icon-eleg-icon_zoom-out","el-icon-eleg-icon_zoom-in","el-icon-eleg-icon_stop_alt","el-icon-eleg-icon_menu-square_alt","el-icon-eleg-icon_menu-circle_alt","el-icon-eleg-icon_document","el-icon-eleg-icon_documents","el-icon-eleg-icon_pencil_alt","el-icon-eleg-icon_folder","el-icon-eleg-icon_folder-open","el-icon-eleg-icon_folder-add","el-icon-eleg-icon_folder_upload","el-icon-eleg-icon_folder_download","el-icon-eleg-icon_info","el-icon-eleg-icon_error-circle","el-icon-eleg-icon_error-oct","el-icon-eleg-icon_error-triangle","el-icon-eleg-icon_question_alt","el-icon-eleg-icon_comment","el-icon-eleg-icon_chat","el-icon-eleg-icon_vol-mute","el-icon-eleg-icon_volume-low","el-icon-eleg-icon_volume-high","el-icon-eleg-icon_quotations_alt","el-icon-eleg-icon_clock","el-icon-eleg-icon_lock","el-icon-eleg-icon_lock-open","el-icon-eleg-icon_key","el-icon-eleg-icon_cloud","el-icon-eleg-icon_cloud-upload","el-icon-eleg-icon_cloud-download","el-icon-eleg-icon_lightbulb","el-icon-eleg-icon_gift","el-icon-eleg-icon_house","el-icon-eleg-icon_camera","el-icon-eleg-icon_mail","el-icon-eleg-icon_cone","el-icon-eleg-icon_ribbon","el-icon-eleg-icon_bag","el-icon-eleg-icon_cart","el-icon-eleg-icon_tag","el-icon-eleg-icon_tags","el-icon-eleg-icon_trash","el-icon-eleg-icon_cursor","el-icon-eleg-icon_mic","el-icon-eleg-icon_compass","el-icon-eleg-icon_pin","el-icon-eleg-icon_pushpin","el-icon-eleg-icon_map","el-icon-eleg-icon_drawer","el-icon-eleg-icon_toolbox","el-icon-eleg-icon_book","el-icon-eleg-icon_contacts","el-icon-eleg-icon_archive","el-icon-eleg-icon_heart","el-icon-eleg-icon_profile","el-icon-eleg-icon_group","el-icon-eleg-icon_grid-2x2","el-icon-eleg-icon_grid-3x3","el-icon-eleg-icon_music","el-icon-eleg-icon_pause_alt","el-icon-eleg-icon_phone","el-icon-eleg-icon_upload","el-icon-eleg-icon_download","el-icon-eleg-icon_rook","el-icon-eleg-icon_printer-alt","el-icon-eleg-icon_calculator_alt","el-icon-eleg-icon_building_alt","el-icon-eleg-icon_floppy_alt","el-icon-eleg-icon_drive_alt","el-icon-eleg-icon_search_alt","el-icon-eleg-icon_id_alt","el-icon-eleg-icon_id-2_alt","el-icon-eleg-icon_puzzle_alt","el-icon-eleg-icon_like_alt","el-icon-eleg-icon_dislike_alt","el-icon-eleg-icon_mug_alt","el-icon-eleg-icon_currency_alt","el-icon-eleg-icon_wallet_alt","el-icon-eleg-icon_pens_alt","el-icon-eleg-icon_easel_alt","el-icon-eleg-icon_flowchart_alt","el-icon-eleg-icon_datareport_alt","el-icon-eleg-icon_briefcase_alt","el-icon-eleg-icon_shield_alt","el-icon-eleg-icon_percent_alt","el-icon-eleg-icon_globe_alt","el-icon-eleg-icon_clipboard","el-icon-eleg-social_facebook","el-icon-eleg-social_twitter","el-icon-eleg-social_pinterest","el-icon-eleg-social_googleplus","el-icon-eleg-social_tumblr","el-icon-eleg-social_tumbleupon","el-icon-eleg-social_wordpress","el-icon-eleg-social_instagram","el-icon-eleg-social_dribbble","el-icon-eleg-social_vimeo","el-icon-eleg-social_linkedin","el-icon-eleg-social_rss","el-icon-eleg-social_deviantart","el-icon-eleg-social_share","el-icon-eleg-social_myspace","el-icon-eleg-social_skype","el-icon-eleg-social_youtube","el-icon-eleg-social_picassa","el-icon-eleg-social_googledrive","el-icon-eleg-social_flickr","el-icon-eleg-social_blogger","el-icon-eleg-social_spotify","el-icon-eleg-social_delicious","el-icon-eleg-social_facebook_circle","el-icon-eleg-social_twitter_circle","el-icon-eleg-social_pinterest_circle","el-icon-eleg-social_googleplus_circle","el-icon-eleg-social_tumblr_circle","el-icon-eleg-social_stumbleupon_circle","el-icon-eleg-social_wordpress_circle","el-icon-eleg-social_instagram_circle","el-icon-eleg-social_dribbble_circle","el-icon-eleg-social_vimeo_circle","el-icon-eleg-social_linkedin_circle","el-icon-eleg-social_rss_circle","el-icon-eleg-social_deviantart_circle","el-icon-eleg-social_share_circle","el-icon-eleg-social_myspace_circle","el-icon-eleg-social_skype_circle","el-icon-eleg-social_youtube_circle","el-icon-eleg-social_picassa_circle","el-icon-eleg-social_googledrive_alt2","el-icon-eleg-social_flickr_circle","el-icon-eleg-social_blogger_circle","el-icon-eleg-social_spotify_circle","el-icon-eleg-social_delicious_circle","el-icon-eleg-social_facebook_square","el-icon-eleg-social_twitter_square","el-icon-eleg-social_pinterest_square","el-icon-eleg-social_googleplus_square","el-icon-eleg-social_tumblr_square","el-icon-eleg-social_stumbleupon_square","el-icon-eleg-social_wordpress_square","el-icon-eleg-social_instagram_square","el-icon-eleg-social_dribbble_square","el-icon-eleg-social_vimeo_square","el-icon-eleg-social_linkedin_square","el-icon-eleg-social_rss_square","el-icon-eleg-social_deviantart_square","el-icon-eleg-social_share_square","el-icon-eleg-social_myspace_square","el-icon-eleg-social_skype_square","el-icon-eleg-social_youtube_square","el-icon-eleg-social_picassa_square","el-icon-eleg-social_googledrive_square","el-icon-eleg-social_flickr_square","el-icon-eleg-social_blogger_square","el-icon-eleg-social_spotify_square","el-icon-eleg-social_delicious_square"]
       }
     },
     methods:{
       getValue(value){
         this.$emit('getValue',value);
       }
     }
  }
</script>
